<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title>代劳首页</title>
    <#include "/common/head.html" />
    <link rel="stylesheet" href="${base}/css/index.css" />
    <link rel="stylesheet" href="${base}/css/mineOrder.css" />
    <script src="${base}/js/mineObtainOrder.js"></script>
</head>
<body>
	<!--顶部导航-->
	<header class="mui-bar mui-bar-nav">
		<h1 id="title" class="mui-title">我的发单</h1>
	</header>
	<!--mineOrderState状态列表-->
	<div class="mineOrderState mineObtainOrderState">
		<ul class="clearfix">
            <li data-id="2" class="orderStateActive" ><span>进行中</span></li>
            <li data-id="11"><span>待支付</span></li>
			<li data-id="1"><span>待接单</span></li>
			<li data-id="3"><span>已完成</span></li>
		</ul>
	</div>
	<!--相应的订单-->
	<div id="pullrefresh" class="mui-content mui-scroll-wrapper pullFresh">
        <div class="mui-scroll">
            <div class="taskWrap orderStateWrap">

            </div>
        </div>
	</div>
    <script id="tpl-order" type="text/html">
        {{each list as item}}
        <div class="taskList clearfix" data-id="{{item.id}}">
            <div class="taskTxt pull-left">
                <span class="txtTitle">{{item.order_title}}</span>
                <span class="txtSubTitle">{{item.order_desc}}</span>
                <span class="taskAddress"><i class="icon iconfont icon-ditu"></i>{{item.re_address}}</span>
                <span class="taskTime"><i class="icon iconfont icon-shijian"></i>{{item.re_begin_time}}{{if item.re_end_time}}-{{/if}}{{item.re_end_time}}</span>
                <span class="taskNum"><i class="icon iconfont icon-shang"></i>{{item.amount}}元</span>
            </div>
            <div class="orderStateIcon">
                {{if item.pay_status == 1}}
                    {{if item.order_status == 1}}
                        <img src="${base}/image/daijiedan.png" alt="" />
                    {{else if item.order_status == 2}}
                        <img src="${base}/image/jingxingzhong.png" alt="" />
                    {{else if item.order_status == 3}}
                        <img src="${base}/image/yiwancheng.png" alt="" />
                    {{/if}}
                {{else}}
                    <img src="${base}/image/daizhifu.png" alt="" />
                {{/if}}
            </div>
        </div>
        {{/each}}
    </script>
	<!--底部导航-->
    <#include "/common/footer.html" />
</body>
</html>